.banner{
    margin-top: 73px;
    width: 100%;
    height: 600px;
    img{
        width: 70%;
       margin-left: 222px;
    }

}

@keyframes pulse {
    0% {}
    70% {
        /* transform: scale(5);  我们不要用scale 因为他会让 阴影变大*/
        width: 40px;
        height: 40px;
        opacity: 1;
    }
    100% {
        width: 70px;
        height: 70px;
        opacity: 0;
    }
}


.map{
         position: absolute;
         right: 90px;
         top: 750px;
        //  position: relative;
         width: 400px;
         height: 320px;
         background-color:  #333;
    img{
             width: 100%;
         }
    .city{
           
            position: absolute;
            top: 100px;
            right: 193px;
            color: #fff; 
            i{
                font-size: 8px;
            }
            .bo{
                width: 8px;
                height: 8px;
                background-color: #09f;
                border-radius: 50%;
            }
            div[class^="box-"] {
                /* 保证我们小波纹在父盒子里面水平垂直居中 放大之后就会中心向四周发散 */
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 8px;
                height: 8px;
                box-shadow: 0 0 12px #009dfd;
                border-radius: 50%;
                animation: pulse 1.2s linear infinite;
            }
            .box-2{
                animation-delay: 0.4s;

            }
            .box-3{
                animation-delay: 0.8s;
            }
            
           
            
         }
    .shanghai{
        right: 34px;
        top: 177px;

       
         
                
    }
    .beijing{
        display: none;
        right: 75px;
        top: 99px;
    }
    .shenzhen{
        display: none;
        top: 266px;
        right: 73px;
    }
    .shantou{
        display: none;
        top: 256px;
        right: 67px;
    }
    .xiamen{
        display: none;
        top: 241px;
        right: 49px;
    }
    .zhuhai{
        display: none;
        top: 268px;
        right: 95px;
    }

}

.s1{
    margin-top: 15px;
    
    z-index: 3;
    height: 400px;
    
    .aa{
        margin-left: 30px;
        border-top: 2px solid red;
        height: 50px;
        line-height: 50px;
    }
    p{
        width: 500px;
        margin-top: 66px;
        margin-left: 82px;
        
    }
}
    
